
body{
background-color: #96B4B4;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}



p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
background-image: url("../images/fond.png");
background-repeat: repeat-y; /* Le fond ne se répètera que sur la première colonne, vertical*/
border:solid 2px #b7ddf2;
-moz-border-radius:   10px; /* Bord arrondi de la forme */
}

#stylized h1 {
color:                    #769729;

border:none;
/*-moz-border-radius:   15px;*/
font-weight:              normal;
font-size:                20px;
/*text-shadow:              2px 2px 2px #A15AAF;*/
}

#stylized fieldset{
border:			none;
font-size:20px;


}
#stylized h2{
color:                    #ca0bec;
font-weight:              normal;
font-size:                18px;
/*text-shadow:              2px 2px 2px #A15AAF;*/
}

#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
color:#0C0C0C;
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:10px;
font-weight:normal;
text-align:right;
width:140px;
}



#stylized input[type="text"]{
/*float:left;*/
font-size:12px;
padding:4px 2px;
/*border: 1px solid #333333;*/
width:200px;
margin:2px 0 20px 10px;
-moz-border-radius:5px;
}


#stylized input[type="password"]{
/*float:left;*/
font-size:12px;
padding:4px 2px;
/*border: 1px solid #333333;*/
width:200px;
margin:2px 0 20px 10px;
-moz-border-radius:5px;
}

#stylized input[type="checkbox"]{

font-size:12px;

}

#stylized textarea{
/*float:left;*/
font-size:12px;
padding:4px 2px;
/*border: 1px solid #333333;*/
width:200px;
margin:2px 0 20px 10px;
-moz-border-radius:5px;
}

#stylized a{
text-align:center;
line-height:31px;
color:#919191;
font-size:12px;
font-weight:bold;
margin:2px 0 20px 10px;
-moz-border-radius:5px;

}
#stylized button{
cursor : pointer;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin:2px 0 20px 10px;
-moz-border-radius:5px;
}

#stylized select{
/*float:left;*/
font-size:12px;
padding:4px 2px;
/*border:1px solid #333333;*/
width:200px;
margin:2px 0 20px 10px;
-moz-border-radius:5px;
}


img {
cursor : pointer;
}

.image_holder a {display:block; width:0; height:0; position:relative; outline:0;}
.image_holder title {color:#eee;}


input {
    background-color : #f9f9f9;
    border-bottom-style : solid 1px black;
    border-left-style : solid 1px black;
    border-right-style : solid 1px black;
    border-top-style : solid 1px black;
    cursor : pointer;
  }

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(/images/box2.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox {
    width: 435px !important;   /* intended total box width - padding-right(next) */
    width: 315px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 15px auto;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 40px;       /* right-image-gap + right-inside padding */

}

/* set the top-left image */
.cssbox_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 25px;        /* interior-padding right */
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}


/* Misc Text formatting */
.cssbox_head h2 {
    color:black;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 16px;      /* this is tricky if box width is in ems */
    text-align: center; 
    text-shadow: rgb(0,0,0) 0px 2px 5px; /* Safari-only, but I'm doing it just 'cause I can */
}
.cssbox_body p {
    margin: 0 0 20px;
}
.cssbox_body a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}
